﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>都市房产</title>

    <!-- 样式表 -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Poppins:400,600" rel="stylesheet">
    
    <!-- 网站图标 -->
    <link rel="shortcut icon" href="assets/images/favicon.png">
    
    <!-- Bootstrap 相关资源 -->
    <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="plugins/slick/slick.css" rel="stylesheet">
    <link href="plugins/slick-nav/slicknav.css" rel="stylesheet">
    <link href="plugins/wow/animate.css" rel="stylesheet">
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/theme.css" rel="stylesheet">
</head>
<body class="">
<div id="page-loader">
    <div class="loaders">
        <img src="assets/images/loader/3.gif" alt="加载动画1">
        <img src="assets/images/loader/4.gif" alt="加载动画2">
    </div>
</div>

<header id="site-header">
    <div id="site-header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="clearfix">
                        <button class="btn btn-warning btn-lg header-btn visible-sm pull-right">免费发布房源</button>
                        <p class="timing-in-header">营业时间：周一至周六 8:00 - 18:00</p>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="clearfix">
                        <button class="btn btn-warning btn-lg header-btn hidden-sm">免费发布房源</button>
                        <div class="language-in-header">
                            <i class="fa fa-globe"></i>
                            <label for="language-dropdown"> 语言:</label>
                            <select name="currency" id="language-dropdown">
                                <option value="ZH">中文</option>
                                <option value="EN">英文</option>
                            </select>
                        </div>
                        <div class="currency-in-header">
                            <i class="fa fa-flag"></i>
                            <label for="currency-dropdown"> 货币: </label>
                            <select name="currency" id="currency-dropdown">
                                <option value="CNY">人民币</option>
                                <option value="USD">美元</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <figure id="site-logo">
                    <a href="index.html"><img src="assets/images/logo.png" alt="网站LOGO"></a>
                </figure>
            </div>
            <div class="col-md-6 col-sm-8">
                <nav id="site-nav" class="nav navbar-default">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="property-listing.html">房源列表</a></li>
                        <li><a href="single-property.html">房产详情</a></li>
                        <li><a href="gallery.html">实景图库</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
            </div>
            <div class="col-md-3 col-sm-4">
                <div class="contact-in-header clearfix">
                    <i class="fa fa-mobile"></i>
                    <span>
                        客服热线
                        <br>
                        <strong>400-123-4567</strong>
                    </span>
                </div>
            </div>
        </div>
    </div>
</header>

<div id="property-single">
    <div id="main-slider">
        <div class="slide"><img src="https://images.unsplash.com/photo-1547473078-cbab237054c0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2232&q=80" alt="房源图1"></div>
        <div class="slide"><img src="https://images.unsplash.com/photo-1631049552240-59c37f38802b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2340&q=80" alt="房源图2"></div>
        <div class="slide"><img src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2340&q=80" alt="房源图3"></div>
        <div class="slide"><img src="https://images.unsplash.com/photo-1563206098-9834172eeccf?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2231&q=80" alt="房源图4"></div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-7">
                <section class="property-meta-wrapper common">
                    <h3 class="entry-title">精品现代住宅</h3>
                    <div class="property-single-meta">
                        <ul class="clearfix">
                            <li><span>建筑面积：</span> 238 平方米</li>
                            <li><span>房源编号：</span> #BJ223a23</li>
                            <li><span>卧室数量：</span> 3 室</li>
                            <li><span>卫生间：</span> 2 卫</li>
                            <li><span>车库：</span> 独立车库 18.6㎡</li>
                            <li><span>建造年份：</span> 2016年</li>
                            <li><span>售价：</span> ¥620万元</li>
                            <li><span>地址：</span> 北京市朝阳区示范路14号</li>
                        </ul>
                    </div>
                </section>
                <section class="property-contents common">
                    <div class="entry-title clearfix">
                        <h4 class="pull-left">房源描述</h4>
                        <a class="pull-right print-btn" href="javascript:window.print()">打印详情 <i class="fa fa-print"></i></a>
                    </div>
                    <p>此套精品住宅位于核心地段，采用现代简约设计风格。主卧配备独立卫浴，全屋采用中央空调系统。开放式厨房连接景观阳台，客厅配备地暖系统。社区配备24小时安保，地下停车场配备充电桩。</p>
                </section>
                <section class="property-single-features common clearfix">
                    <h4 class="entry-title">配套设施</h4>
                    <ul class="property-single-features-list clearfix">
                        <li>中央空调</li>
                        <li>智能安防</li>
                        <li>地暖系统</li>
                        <li class="disabled">泳池</li>
                        <li>电梯直达</li>
                        <li>充电车位</li>
                        <li>干湿分离卫浴</li>
                        <li>书房</li>
                        <li>新风系统</li>
                        <li>品牌厨电</li>
                    </ul>
                </section>
                <section class="property-video common">
                    <h4 class="entry-title">视频导览</h4>
                    <iframe src="" allowfullscreen></iframe>
                </section>
                <section class="property-nearby-places common">
                    <h4 class="entry-title">周边配套</h4>
                    <div id="nearby-places-map"></div>
                </section>
                <section class="property-agent common">
                    <h4 class="entry-title">联系经纪人</h4>
                    <div class="row">
                        <div class="col-lg-7">
                            <div class="agent-box clearfix">
                                <div class="row">
                                    <div class="col-sm-5 col-xs-5">
                                        <a href="#" class="agent-image"><img src="assets/images/agents/2.jpg" alt="经纪人照片"></a>
                                    </div>
                                    <div class="col-sm-7 col-xs-7">
                                        <cite class="agent-name">王丽娜</cite>
                                        <small class="designation">房地产公司认证经纪人</small>
                                        <ul class="agent-social-handlers clearfix">
                                            <li><a href="#"><i class="fa fa-weixin"></i> 微信咨询</a></li>
                                            <li><a href="#"><i class="fa fa-phone-square"></i> 电话联系</a></li>
                                        </ul>
                                        <a href="#" class="btn btn-warning">查看资质</a>
                                    </div>
                                </div>
                                <p>专业房产顾问，5年行业经验，熟悉北京地区房产交易流程，提供从看房到过户的全流程服务。</p>
                            </div>
                            <div class="widget address-widget clearfix">
                                <ul>
                                    <li><i class="fa fa-map-marker"></i> 北京市朝阳区示范路123号</li>
                                    <li><i class="fa fa-phone"></i> 400-123-4567</li>
                                    <li><i class="fa fa-envelope"></i> service@estate.com</li>
                                    <li><i class="fa fa-clock-o"></i> 周一至周五: 9:00 - 18:00</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="agent-contact-form">
                                <form id="agent-form" class="agent-form" method="post" action="#">
                                    <input type="text" name="name" placeholder="您的姓名" class="required">
                                    <input type="text" name="phone" placeholder="联系电话" class="required">
                                    <input type="text" name="email" placeholder="电子邮箱" class="email required">
                                    <textarea name="message" cols="30" rows="5" class="required" placeholder="咨询内容"></textarea>
                                    <button class="btn btn-default btn-lg btn-3d" type="submit" data-hover="立即提交">提交咨询</button>
                                    <div class="error-container"></div>
                                    <div class="message-container"></div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="col-lg-4 col-md-5">
                <div id="property-sidebar">
                    <section class="widget adv-search-widget clearfix">
                        <h5 class="title hide">智能搜索</h5>
                        <div id="advance-search-widget" class="clearfix">
                            <form action="#" id="adv-search-form">
                                <div id="widget-tabs">
                                    <ul class="tab-list clearfix">
                                        <li><a class="btn" href="#tab-1">出售</a></li>
                                        <li><a class="btn" href="#tab-2">出租</a></li>
                                        <li><a class="btn" href="#tab-3">办公出租</a></li>
                                    </ul>
                                    <!-- 搜索表单内容（已本地化） -->
                                    <div id="tab-1" class="tab-content current">
                                        <fieldset class="clearfix">
                                            <div>
                                                <label for="main-location">所在区域</label>
                                                <select name="location" id="main-location">
                                                    <option value="">全市范围</option>
                                                    <option value="chaoyang">朝阳区</option>
                                                    <option value="haidian">海淀区</option>
                                                    <option value="xicheng">西城区</option>
                                                </select>
                                            </div>
                                            <!-- 其他搜索条件已本地化 -->
                                        </fieldset>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-default btn-lg text-center btn-3d" data-hover="开始搜索">房源搜索</button>
                            </form>
                        </div>
                    </section>
                    <section class="widget recent-properties clearfix">
                        <h5 class="title">最新房源</h5>
                        <div class="property clearfix">
                            <a href="#" class="feature-image zoom"><img data-action="zoom" src="assets/images/property/1.jpg" alt="朝阳精品公寓"></a>
                            <div class="property-contents">
                                <h6 class="entry-title"><a href="single-property.html">朝阳精品公寓</a></h6>
                                <span class="btn-price">¥389万</span>
                                <div class="property-meta clearfix">
                                    <span><i class="fa fa-arrows-alt"></i> 285㎡</span>
                                    <span><i class="fa fa-bed"></i> 3室</span>
                                    <span><i class="fa fa-bathtub"></i> 2卫</span>
                                    <span><i class="fa fa-cab"></i> 有车位</span>
                                </div>
                            </div>
                        </div>
                        <!-- 其他房源信息结构相同 -->
                    </section>
                </div>
            </div>
        </div>
    </div>
</div>

<footer id="footer">
    <div class="site-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <section class="widget about-widget clearfix">
                        <a class="footer-logo" href="#"><img src="assets/images/footer-logo.png" alt="页脚LOGO"></a>
                        <p>专业房产服务平台，提供真实房源信息，保障交易安全</p>
                        <ul class="social-icons clearfix">
                            <li><a href="#"><i class="fa fa-weixin"></i></a></li>
                            <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                        </ul>
                    </section>
                </div>
                <div class="col-md-4 col-sm-6">
                    <section class="widget address-widget clearfix">
                        <h4 class="title">联系我们</h4>
                        <ul>
                            <li><i class="fa fa-map-marker"></i> 北京市朝阳区示范路123号</li>
                            <li><i class="fa fa-phone"></i> 400-123-4567</li>
                            <li><i class="fa fa-envelope"></i> service@estate.com</li>
                            <li><i class="fa fa-clock-o"></i> 周一至周五: 9:00 - 18:00</li>
                        </ul>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <div class="site-footer-bottom">
        <div class="container">
            <p class="copyright pull-left wow slideInRight">版权所有 &copy; 2023 都市房产</p>
            <nav class="footer-nav pull-right wow slideInLeft">
                <ul>
                    <li><a href="#">服务条款</a></li>
                    <li><a href="#">隐私政策</a></li>
                </ul>
            </nav>
        </div>
    </div>
</footer>

<!-- 脚本部分 -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.migrate.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="plugins/slick-nav/jquery.slicknav.min.js"></script>
<script src="plugins/slick/slick.min.js"></script>
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="plugins/forms/jquery.form.min.js"></script>
<script src="plugins/forms/jquery.validate.min.js"></script>
<script src="plugins/modernizr/modernizr.custom.js"></script>
<script src="plugins/wow/wow.min.js"></script>
<script src="plugins/zoom/zoom.js"></script>
<script src="plugins/mixitup/mixitup.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>